<!-- HTML header for doxygen 1.9.8-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="$langISO">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=11"/>
<meta name="generator" content="Doxygen $doxygenversion"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!--BEGIN PROJECT_NAME--><title>$projectname: $title</title><!--END PROJECT_NAME-->
<!--BEGIN !PROJECT_NAME--><title>$title</title><!--END !PROJECT_NAME-->
<link href="$relpath^tabs.css" rel="stylesheet" type="text/css"/>
<!--BEGIN DISABLE_INDEX-->
  <!--BEGIN FULL_SIDEBAR-->
<script type="text/javascript">var page_layout=1;</script>
  <!--END FULL_SIDEBAR-->
<!--END DISABLE_INDEX-->
<script type="text/javascript" src="$relpath^jquery.js"></script>
<script type="text/javascript" src="$relpath^dynsections.js"></script>
<script type="text/javascript" src="$relpath^doxygen-awesome-fragment-copy-button.js"></script>
<script type="text/javascript" src="$relpath^doxygen-awesome-paragraph-link.js"></script>
<script type="text/javascript" src="$relpath^doxygen-awesome-interactive-toc.js"></script>
<script type="text/javascript" src="$relpath^doxygen-awesome-tabs.js"></script>
<script type="module">
    DoxygenAwesomeFragmentCopyButton.init()
    DoxygenAwesomeParagraphLink.init()
    DoxygenAwesomeInteractiveToc.init()
    DoxygenAwesomeTabs.init()

    await new Promise(r => window.addEventListener('DOMContentLoaded', r));

    // Remove title when a img[alt='title-img'] is present.
    // Find an image with the alt "img-title".
    const img = document.querySelector("img[alt='title-img']");
    const header = document.querySelector(".headertitle");

    if (img && header) {
      // Hide the header title progressively.
      header.style.display = "none";

      // Show progressively the image.
      img.style.maxHeight = "40vh";
      img.style.maxWidth = "100%";
      img.style.objectFit = "contain";
    }

    // In the "examples.html" page. Turn every link with text
    // "examples/<...>
    //
    // Add a "demo" link toward.
    // https://arthursonzogni.github.io/FTXUI/examples/?file=<...>
    const examples = document.querySelectorAll("a")
    examples.forEach((example) => {
      if (!example.textContent.startsWith("examples/")) {
        return;
      }

      // Remove the ".cpp" extension from the example name.
      const exampleName = example.textContent.replace("examples/", "").replace(".cpp", "");

      const a = document.createElement("a");
      a.textContent = "[demo]";
      a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + exampleName;
      a.style.marginRight= "1em";
      a.style.fontWeight = "bold";

      example.parentElement.insertBefore(a, example)
    });

    // If the current URL ends with -example.html, we can add a link to the demo
    // as well using the div.title textContent.
    const url = new URL(window.location.href);
    if (url.pathname.endsWith("-example.html")) {
      // Get the title text.
      const title = document.querySelector("div.title").textContent;
      const example = title.replace("examples/", "").replace(".cpp", "");

      // Create a link to the demo.
      const a = document.createElement("a");
      a.textContent = "[demo]";
      a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + example;
      a.style.marginLeft = "1em";
      a.style.fontWeight = "bold";
      a.style.display = "inline-block";

      // Insert the link after the title.
      const titleDiv = document.querySelector("div.title");
      if (titleDiv) {
        titleDiv.insertBefore(a, titleDiv.nextSibling);
      }

    }

</script>
<script type="module">
  // Ignore non english pages and/or the main page.
  const excluded_lang = [
    "/de",
    "/es",
    "/fr",
    "/it",
    "/ja",
    "/ja",
    "/ko"
    "/ru",
    "/zh-CH",
    "/zh-TW",
  ]
  if (excluded_lang.some(lang => window.location.pathname.startsWith(lang)) ||
      window.location.pathname.endsWith("index.html")) {
    return;
  }

  // Click on the navtree, except for the main page where this is already done
  // automatically.
  let delay = 0;
  while(true) {
    const navtree = document.querySelector("div.item.selected");
    if (!navtree) {
      delay *= 2;
      delay += 1;
      await new Promise(resolve => setTimeout(resolve, delay));
      continue;
    }

    // Include only selected navtree items.
    console.log("navtree.textContent", navtree.textContent);
    if (!navtree.textContent.includes("Getting Started") &&
        !navtree.textContent.includes("Installation") &&
        !navtree.textContent.includes("ftxui / screen") &&
        !navtree.textContent.includes("ftxui / dom") &&
        !navtree.textContent.includes("ftxui / component") &&
        !navtree.textContent.includes("Reference")) {
      break;
    }

    // Find the first link inside the navtree.
    const link = navtree.querySelector("a");
    if (link) {
      // Simulate a click on the link.
      link.click();
      break;
    }
  }
</script>

$treeview
$search
$mathjax
$darkmode
<link href="$relpath^$stylesheet" rel="stylesheet" type="text/css" />
$extrastylesheet
</head>
<body>
<!--BEGIN DISABLE_INDEX-->
  <!--BEGIN FULL_SIDEBAR-->
<div id="side-nav" class="ui-resizable side-nav-resizable"><!-- do not remove this div, it is closed by doxygen! -->
  <!--END FULL_SIDEBAR-->
<!--END DISABLE_INDEX-->

<div id="top"><!-- do not remove this div, it is closed by doxygen! -->

<!--BEGIN TITLEAREA-->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
 <tbody>
 <tr id="projectrow">
  <!--BEGIN PROJECT_LOGO-->
  <td id="projectlogo"><img alt="Logo" src="$relpath^$projectlogo"/></td>
  <!--END PROJECT_LOGO-->
  <!--BEGIN PROJECT_NAME-->
  <td id="projectalign">
   <div id="projectname">$projectname<!--BEGIN PROJECT_NUMBER--><span id="projectnumber">&#160;$projectnumber</span><!--END PROJECT_NUMBER-->
   </div>
   <!--BEGIN PROJECT_BRIEF--><div id="projectbrief">$projectbrief</div><!--END PROJECT_BRIEF-->
  </td>
  <!--END PROJECT_NAME-->
  <!--BEGIN !PROJECT_NAME-->
   <!--BEGIN PROJECT_BRIEF-->
    <td>
    <div id="projectbrief">$projectbrief</div>
    </td>
   <!--END PROJECT_BRIEF-->
  <!--END !PROJECT_NAME-->
  <!--BEGIN DISABLE_INDEX-->
   <!--BEGIN SEARCHENGINE-->
     <!--BEGIN !FULL_SIDEBAR-->
    <td>$searchbox</td>
     <!--END !FULL_SIDEBAR-->
   <!--END SEARCHENGINE-->
  <!--END DISABLE_INDEX-->
 </tr>
  <!--BEGIN SEARCHENGINE-->
   <!--BEGIN FULL_SIDEBAR-->
   <tr><td colspan="2">$searchbox</td></tr>
   <!--END FULL_SIDEBAR-->
  <!--END SEARCHENGINE-->
 </tbody>
</table>
</div>
<!--END TITLEAREA-->
<!-- end header part -->
